/*
 * resume.css
 * Copyright (C) 2018 daijt
 *
 * Distributed under terms of the MIT license.
 */

body {
  box-sizing: border-box;
}

/* print resume */
@media print {
  main {
    margin: 0 auto;
  }
.row {
    margin: 20px 0;
    padding-bottom: 20px;
  }
}

/* mobile */
@media (max-width: 800px) {
  main {
    margin: 0 auto;
    padding: 30px 10px;
  }

.row {
    overflow: hidden;
  }
}

/* PC */
@media (min-width: 800px) {
  main {
    margin: 10px auto;
    padding: 70px 90px;
    max-width: 800px;
  }
}


a{
  text-decoration: none;
}
main {
  box-shadow: 0 0 0 0.75pt #d1d1d1, 0 0 3pt 0.75pt #ccc;
  background: rgba(0, 123, 255, .03);
}

.container {
  padding: 0;
}

.bar {
  height: 3px;
  background: #6303b0;
}

.name {
  margin-top: 20px;
  margin-bottom: 0;
}

.desc {
  font-size: 14px;
}

ul {
  padding: 0;
  list-style: none;
  font-size: 14px;
}

li {
  display: flex;
  margin: 3px 0;
  padding: 7px 0px;
  align-items: center;
}

.iconfont {
  margin-right: 10px;
}

.info {
  margin-bottom: 0;
}

.tech,
.intro,
.resume,
.works,
.projects,
.skills,
.other,
.exp {
  margin-top: 30px;
  margin-bottom: 0;
}

.tech-en,
.info-en,
.intro-en,
.resume-en,
.works-en,
.projects-en,
.skills-en,
.other-en,
.exp-en {
  margin-bottom: 0;
  font-style: italic;
  font-size: 13px;
}

 
.item-tech {
    margin-bottom: 0;
    font-size: 15px;
    border-bottom: 1px solid #9b7afd;
}

.row {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #9b7afd;
}

.canvas {
  border-bottom: none;
}
.bg-blog {
  background: url("http://wx4.sinaimg.cn/mw690/0060lm7Tly1fvv23txlvoj31kw0u6mz8.jpg") center center no-repeat;
}

.bg-fanyi {
  background: url("https://wx3.sinaimg.cn/mw690/0060lm7Tly1fv9gi8klt2j30ku0yr0ua.jpeg") center center no-repeat;
}

.bg-daiban {
  background: url("https://wx4.sinaimg.cn/mw690/0060lm7Tly1fv9hahcojbj31dc0tmmyz.jpg") center center no-repeat;
}

.bg-douban {
  background: url("https://wx3.sinaimg.cn/mw690/0060lm7Tly1fv9h7mkfjuj30hm0uy77w.jpg") center center no-repeat;
}

.bg-music {
  background: url("https://ws4.sinaimg.cn/large/006tNbRwgy1fvad29e2cxj31dm0t8u0x.jpg") center center no-repeat;
}

.bg-login {
  background: url("http://wx3.sinaimg.cn/mw690/0060lm7Tly1fv9i713iauj31kw0wsgw9.jpg") center center no-repeat;
}

/*.bg-web1 {
  background: url("http://wx2.sinaimg.cn/mw690/0060lm7Tly1fvv7574ud2j31kw0ro49w.jpg") center center no-repeat;
}*/



.bg {
  padding: 0 15px;
  height: 300px;
  background-size: contain;
  background-clip: content-box;
}

.item-text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.item-name,
.item-intro,
.item-tech {
  margin-bottom: 0;
  font-size: 15px;
  border-bottom: 1px solid #007bff;
}

.item-link {
  margin: 20px 5px
  font-size: 14px;
}

.item-desc {
  margin: 10px 0;
  font-size: 14px;
}

.item-icon {
  margin-top: 10px;
  margin-bottom: 0;
}

svg {
  margin-right: 5px;
}

span {
  font-size: 13px;
}

dl {
  margin-top: 20px;
}

dt {
  margin: 15px 0 5px;
  color: #007bff;
  font-size: 18px;
}

dd {
  font-size: 14px;
}

.link {
  margin-top: 20px;
  margin-bottom: 0;
}

.link li {
  margin-top: 10px;
}

.exp-text {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
}

img {
  margin-right: 15px;
}

.projects-item > li {
  position: relative;
  padding-left: 15px;
}

.experience-item {
  margin-top: 10px;
}

.experience-item > li:before,
.intro-item > li:before,
.ability-item > li:before,
.projects-item > li::before {
  position: absolute;
  top: calc(50% - 50%);
  left: 0;
  display: block;
  content: '➥';
  width: 10px;
  height: 10px;
  color: #007bff;
}

.projects-item span {
  font-weight: 500;
  font-size: 14px;
}

.duty li,
.intro-item li,
.ability-item li,
.experience-item li {
  position: relative;
  padding-left: 15px;
}

 code {
   color: #ff7b00;
 }

 .ability-item {
   margin-top: 10px;
 }

 .text-primary {
   color:#000000!important;;
 }

 .experience-item > li:before,
 .intro-item > li:before, 
 .ability-item > li:before, 
 .projects-item > li::before {
    position: absolute;
    top: calc(50% - 50%);
    left: 0;
    display: block;
    content: '▶';
    width: 10px;
    height: 10px;
    color: #6303b0;
}